<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style>
		
	</style>
</head>
<body>
	<button onclick="add()">加样式</button>
	<hr>
	<ul id="list">
		<li>声声慢·寻寻觅觅</li>
        <li>寻寻觅觅，冷冷清清，凄凄惨惨戚戚。</li>
        <li>乍暖还寒时候，最难将息。</li>
        <li>三杯两盏淡酒，怎敌他、晚来风急？</li>
        <li>雁过也，正伤心，却是旧时相识。</li>
	</ul>
</body>
	<script>
		function add(){
			var list = document.getElementById('list');
			var lis = list.getElementsByTagName('li');
			console.log(lis);
			console.log(lis.length);

			//for
			for(var i =0;i<lis.length;i++){
				lis[i].style.border = '1px solid #f00';
			}

			//for in
			// for(var i in lis){
			// 	lis[i].style.backgroundColor = '#abcdef';
			// 	console.log(i,lis[i]);
			// }
		}
	</script>
</html>